    
    <link href="{{$LAYOUT_HELPER_URL}}front/js/royalslider/royalslider.css" rel="stylesheet">
    <script src="{{$LAYOUT_HELPER_URL}}front/js/royalslider/jquery.royalslider.min.js"></script>
    
    




    <!-- slider stylesheets -->
    
     
        <link href="{{$LAYOUT_HELPER_URL}}front/js/royalslider/default/rs-default.css" rel="stylesheet">
<style>
#gallery-1 {
	width: 670px;
	height: 450px;
}
</style> 
    


    <script type="text/javascript">
    jQuery(document).ready(function($) {
  	  $('#gallery-1').royalSlider({
  	    fullscreen: {
  	      enabled: true,
  	      nativeFS: true
  	    },
  	    controlNavigation: 'none',
  	    autoScaleSlider: true, 
  	    autoScaleSliderWidth: 670,     
  	    autoScaleSliderHeight: 450,
    	  slidesSpacing: 0,
  	    loop: false,
  	    numImagesToPreload:4,
  	    arrowsNavAutohide: true,
  	    arrowsNavHideOnTouch: true,
  	    keyboardNavEnabled: true
  	  });
  	});
</script>
  <div id="wrapBanner">
            <div id="banner">
                {{sticker name = support_contact}}
                <div id="bannerBgd">
                    <div id="bannerCnt">
                        <img src="{{$LAYOUT_HELPER_URL}}front/images/img/banner_02.jpg" width="962" height="193" alt="banner" title="banner" />
                    {{sticker name = phone}}
                    </div>
                </div>
            </div>
        </div>
    <div id="wrapMain">
            <div id="main">
                <div class="highlightPage">
                    <h1>{{l}}Reference{{/l}}</h1>
                    <h2 class="txt01">Website</h2>
                    <div class="referenDetail" style="padding-top: 30px; border: none; margin-bottom: 50px;">
                        <table>
                            <tr>
                                <td width="300" valign="middle">
                                    <h3 style="font-size: 40px;"><a href="{{$news.link_website}}" target="_blank">{{$news.title}}</a></h3>
		                           <br/>
		                           <div style="font-size: 15px; border-top: 3px dashed #BABABA; padding-top: 10px;">{{$news.intro_text}}</div>
                                </td>
                                <td >
								<div>
										<div id="gallery-1" class="royalSlider rsDefault fwImage col ">
										{{foreach from=$news.images item=child name=sub}}
										      <a class="rsImg" data-rsBigImg="{{$BASE_URL}}{{$child.big}}" href="{{$BASE_URL}}{{$child.small}}">
										      	<img src="{{$BASE_URL}}{{$child.small}}" style="width: 660px; height: 440px;"/>
										      </a>
										{{/foreach}}
									</div>	</div>
                                </td>
                            </tr>
                        </table>
                        
                    </div>
                </div>
                
            </div>
        </div>